/**
 * 完成登录功能
 * 1.注册事件
 * 2.收集表单数据并验证
 * 3.发送请求
 * 4.判断请求，提示用户
 * 5.如果成功则本地存储用户名   
 * 6.跳转页面
 */

// 1.注册事件，收集数据并验证
const loginForm = document.querySelector('.login-form')
document.querySelector('#btn-login').addEventListener('click',async e=>{
    const data = serialize(loginForm,{hash:true,empty:true})
    if(!data.username|| !data.password){
        return showToast('用户名或密码不能为空')
    }
    if(data.username.length < 8 || data.username.length >30){
        return showToast('用户名不符合要求')
    }
    if(data.password.length < 8 || data.password.length >30){
        return showToast('密码不符合要求')
    }
    
    // 2.发送请求
    try{
        const res = await axios.post('/login',data)
        console.log(res);
        // 3.如果成功则本地存储
        localStorage.setItem('userMsg',JSON.stringify(res.data.data.username))
        showToast(res.data.message)
    }catch(err){
        return showToast('err.response.data.message')
    }
    // 3.跳转页面
    setTimeout(()=>{
        location.href = './index.html'
    },800)
})


